<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>摄影·开课吧</title>
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<script type="text/javascript" src="js/index.js"></script>
	</head>
	<body>
		<header id="head">
			<div class="con">
				<ul class="left">
					<li>首页</li>
					<li>发现音乐</li>
					<li>音乐现场</li>
					<li>VIP会员</li>
					<li>更多</li>
				</ul>
				<ul class="right">
					<li>下载客户端</li>
					<li>播放记录</li>
					<li><a href="#">登陆 | 注册</a></li>
				</ul>
			</div>
		</header>
		<nav>
			<div class="nav_in">
				<ul>
					<li><a href="#"></a></li>
					<li><a href="#">个人中心</a></li>
					<li><a href="video.html">视频播放</a></li>
				</ul>
			</div>
		</nav>
		<div class="banner">
			<div class="banner_pic" id="banner_pic">
				<div class="current"><img class="ban" src="images/20.jpg"></div>
				<div class="pic"><img class="ban" src="images/17.jpg"></div>
				<div class="pic"><img class="ban" src="images/26.jpg"></div>
			</div>
			<p>由你音乐榜 | 最新歌单 | 分享歌曲心得结识新朋友</p>
			<p>向下开启 音乐之路</p>
			<ol id="button">
				<li class="current"></li>
				<li class="but"></li>
				<li class="but"></li>
			</ol>
			<a href="#con" class="sanjiao"><img src="images/jiantou.png" alt=""></a>
		</div>
		<div class="content" id="con">
			<h2>最热歌单-大家都在听</h2>
			<a href="video.html">
				<img src="images/15.jpeg">
				<div class="cur">
					<h3>各种排行榜精选歌曲</h3>
					<span>查看详情</span>
				</div>
			</a>
			<a href="#"><img src="images/10.jpg"></a>
			<a href="#"><img src="images/12.jpg"></a>
			<a href="#"><img src="images/5.jpg"></a>
			<a href="#"><img src="images/7.jpg"></a>
			<a href="#"><img src="images/13.jpg"></a>
		</div>
		<div class="share">
			<h2>歌单达人（流行、国语、英语、电子、嘻哈）</h2>
			<a href="#">
				<img src="images/31.png">
				<div class="cur">
					<img src="images/34.jpg">
					<h3>飞飞的胖胖</h3>
					<p>歌单：792 粉丝：17.8万</p>
					<span>收藏</span>
				</div>
			</a>
			<a href="#">
				<img src="images/31.png">
				<div class="cur">
					<img src="images/32.jpg">
					<h3>酷小沙</h3>
					<p>歌单：50 粉丝：4.2万</p>
					<span>收藏</span>
				</div>
			</a>
			<a href="#">
				<img src="images/31.png">
				<div class="cur">
					<img src="images/35.jpg">
					<h3>飞行棋的猫</h3>
					<p>歌单：57 粉丝：6120</p>
					<span>收藏</span>
				</div>
			</a>
			<a href="#">
				<img src="images/31.png">
				<div class="cur">
					<img src="images/33.jpg">
					<h3>兽哥喊你来听歌</h3>
					<p>歌单：134 粉丝：4.3万</p>
					<span>收藏</span>
				</div>
			</a>
		</div>
		<footer>
			<div class="foot">
				<a href="#head"><apan>Top</apan></a>
				<p>Copyright©2020 开课吧 </p>
			</div>
		</footer>
	</body>
</html>
